import React, { PureComponent } from 'react';
import { Card, List, Avatar } from 'antd';
import projectThumb from '@/assets/th.jpg';
import style from "../styles.less"
import Link from 'umi/link';
import { ChartCard, MiniArea, MiniBar, MiniProgress } from '@/components/Charts';
import resource from '../resource'

class projectInfo extends PureComponent {

  render() {
    return (
      <Card size="small" title="项目信息：XX医院" >
        <Card bordered={false}>

          <img src={projectThumb} className={style.img_responsive} style={{ marginBottom: 3 }} />
        </Card>
        <Card bordered={false}>
          <Link to={`/asset-mgr/eqp-projects`}>
            <h4 style={{ marginBottom: 3 }}>
              &nbsp;&nbsp;&nbsp;&nbsp;新密市妇幼保健院于2018年12月30日乔迁新址。老院建筑面积约为1.6万平方米，新院冷热集中供应面积约为5万平方米。其实质为迁扩建项目。
                  </h4>
          </Link>
        </Card>
        <Card bordered={false}>
          <List size="small">
            <List.Item>
              <List.Item.Meta
                avatar={<Avatar shape="square" src={resource.dalou} />}
                title={<span>建筑面积 40000 ㎡</span>}
                description={<MiniProgress
                  percent={100}
                  strokeWidth={8}

                  color="#13C2C2"
                />}
              />
            </List.Item>
            <List.Item>
              <List.Item.Meta
                avatar={<Avatar shape="square" src={resource.zhileng} />}
                title={<span>制冷负荷装机 4000 kW</span>}
                description={<MiniProgress
                  percent={75}
                  strokeWidth={8}

                  color="#5BC0EB"
                />}
              />
            </List.Item>
            <List.Item>
              <List.Item.Meta
                avatar={<Avatar shape="square" src={resource.nuanqi} />}
                title={<span>供热负荷装机 5000 kW</span>}
                description={<MiniProgress
                  percent={75}
                  strokeWidth={8}

                  color="#E55934"
                />}
              />
            </List.Item>
            <List.Item>
              <List.Item.Meta
                avatar={<Avatar shape="square" src={resource.gfypt} />}
                title={<span>发电装机 5000 kW</span>}
                description={<MiniProgress
                  percent={75}
                  strokeWidth={8}

                  color="#9BC53D"
                />}
              />
            </List.Item>
          </List>
        </Card>
      </Card>
    );
  }
}

export default projectInfo;



